<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <style>

        .b{
            display: inline-block;
            width:980px;
            height:40px;
            display: flex;
            justify-content: space-between;
            align-content: space-between;
            padding-top:5px;
            margin:auto;
        }
        .c{
            border-top: 1px solid rgb(192, 192, 192);
            background-image:url(images/nav_bg.png);
            height:55px;
        }
        .c ul{
            width:980px;
            margin:auto;
            display: flex;
            justify-content: space-around;
            align-items: center;
            list-style: none;
            padding:0;
            height: 100%;
        }
        .c ul li{
            background:url(images/nav_border.png) no-repeat right;
            height: 100%;
            display: flex;
            align-items: center;
            padding: 0 15px;
        }

        .c ul li a{
            text-decoration: none;
            color:black;
            font-size:18px;
            font-weight: bold;
        }

        .e{
            width:980px;
            margin:auto;
        }
        .f{
            border-bottom:2px solid rgb(192, 192, 192);
            border-top:2px solid rgb(192, 192, 192);
            background-color: #f9f9f9;
        }
        .g{
            width:980px;
            margin:auto;
            height:30px;
            line-height:30px;
            font-size:14px;
            color:#666666;
            display: flex;
            justify-content: space-between;
        }
        .h{
            width:980px;
            margin:auto;
            display: flex;
            justify-content: space-between;
            margin-top:20px;
        }
        .h > div{
            width:32%;
            height:200px;
            border:1px solid #dcdcdc;
            padding:5px;
        }
        .i{
            font-size:16px;
            font-weight: 700;
            margin-left:10px;
            color:#33dc42;
        }
        .h1 .z{
            width:80%;
            margin:auto;
            display: flex;
            justify-content: space-between;
            /* 弹性沿水平线对齐 */
            align-items: center;
        }
        .h2 ul{
            list-style: none;
            padding:0;
            margin-top:10px;
            margin:15px;
        }
        .h2 ul li{
            margin: 5px 0;
            color:#a8a8a8;
            font-size: 10px;
            border-bottom:1px dashed #e3e3e3;
        }
        .h2 ul li a{
            text-decoration: none;
            color:#a8a8a8;
        }
        .h21{
            float: right;
            font-weight: 700;
            margin-right: 10px;
            font-size: 12px;
            color:#999999;
        }
        .h2 ul li a.h22 {
            color: #df0c0c;
            font-weight: 700;
        }
        .h3 ul{
            list-style: none;
            padding:0;
            margin-top:10px;
            margin:15px;
        }
        .h3 ul li{
            margin: 5px 0;
            color:#a8a8a8;
            font-size: 10px;
            background: url(images/sbg.png) no-repeat left center;
            padding-left: 15px;
        }
        .h3 ul li a{
            text-decoration: none;
            color:#a8a8a8;
        }
        .h3-links{
            font-size:12px;
            margin-top:20px;
            padding:20px;
            color:#a8a8a8;
        }
        .j{
            background-color: #282828;
        }
        .k{
            width:980px;
            height:180px;
            margin:auto;
            display: flex;
            justify-content: space-between;
            margin-top:20px;
            padding-bottom:20px;
            font-size:12px;
            color: #878787;
        }
        .l{
            color:#ffffff;
            font-weight: 700;
            margin-bottom:10px;
        }
        .m{
            border-top:1px dashed #979797;
            background-color: #282828;
        }
        .s{
            margin:auto;
            text-align: center;
            width:980px;
            height:150px;
            color:#b7b7b7;
            font-size:12px;
        }
    </style>
    <body>
        <div class="a">
            <div class="b">
                <div><img src="images/logo.png" alt=""></div>
                <div><img src="images/search.png" alt=""></div>
            </div>
        </div>
        <div class="c">
            <div class = "d">
            </div>
            <ul>
                <li><a href = "#">首页</a></li>
                <li><a href = "#">智能手机</a></li>
                <li><a href = "#">平板电脑</a></li>
                <li><a href = "#">配件</a></li>
                <li><a href = "#">服务支持</a></li>
                <li><a href = "#">关于尚合</a></li>
            </ul>
        </div>
        <div class = "e"><img src="images/banner.png" alt=""></div>
        <div class = "f">
            <div class="g">
                <span>最新公告：尚合Aone智能手机入网证已经获工信部门审批下发。尚合官方</span>
                <div><img src="images/share.png" alt=""></div>
            </div>
        </div>
        <div class="h">
            <div class="h1">
                <img src="images/jiantou.png" alt=""><span class = "i">新品发布</span>
                <div class="z">
                    <img src="images/left_icon.png" alt="">
                    <img src="images/shouji.png" alt="">
                    <img src="images/right_icon.png" alt="">
                </div>
            </div>
            <div class="h2">
                <img src="images/jiantou.png" alt=""><span class = "i">新闻中心</span>
                <span class = "h21">更多</span>
                <ul>
                    <li ><a href = "#" class = "h22">致歉公告</a></li>
                    <li><a href = "#">首批尚合Aonet已全部售馨!</a></li>
                    <li><a href = "#">【媒体报导】国产高性价比 尚合Aonet四核手机评测</a></li>
                    <li><a href = "#">我司产品已经通过了国家强制性产品3C认证</a></li>
                    <li><a href = "#">尚合Aone智能手机入网证已经获工信部门审批下发.</a></li>
                    <li><a href = "#">我司通过ISO9001:2008国际质量管理体系认证.</a></li>
                </ul>
            </div>
            <div class="h3">
                <img src="images/jiantou.png" alt=""><span class = "i">技术与支持</span>
                <ul>
                    <li><a href = "#">技术与支持</a></li>
                    <li><a href = "#">售后服务</a></li>
                    <li><a href = "#">投诉与建议</a></li>
                    <li><a href = "#">联保网点</a></li>
                </ul>
                <div class="h3-links">
                    深圳市汇聚众合科技发展有限公司<br>服务热线：400-633-7922
                </div>
            </div>
        </div>
        <div class="j">
            <div class="k">
                <div>
                    <div class = "l">尚合首页</div>
                    <div>返回首页</div>
                </div>
                <div>
                    <div class = "l">智能手机</div>
                    <div>Aone-T</div>
                    <div>Aone</div>
                </div>
                <div>
                    <div class = "l">平板电脑</div>
                    <div>尚PAD S200</div>
                    <div>尚PAD S100</div>
                    <div>尚PAD SH-Q7</div>
                    <div>尚PAD SH-Q5</div>
                </div>
                <div>
                    <div class = "l">配件中心</div>
                    <div>Aone 智能手机</div>
                </div>
                <div>
                    <div class = "l">服务与支持</div>
                    <div>售后服务</div>
                    <div>投诉与建议</div>
                    <div>联保网点</div>
                    <div>常见问题FAQ</div>
                    <div>订单查询</div>
                    <div>下载专区</div>
                </div>
                <div>
                    <div class = "l">关于我们</div>
                    <div>公司介绍</div>
                    <div>企业文化</div>
                    <div>工作机会</div>
                    <div>法律声明</div>
                    <div>联系我们</div>
                </div>
                <div>
                    <div class = "l">新闻中心</div>
                    <div>公司新闻</div>
                    <div>媒体报导</div>
                    <div>行业动态</div>
                </div>
                <div>
                    <div class = "l">常用链接</div>
                    <div>百度</div>
                    <div>Google</div>
                    <div>新浪微博</div>
                </div>
                <div><img src="images/top.png" alt=""></div>
            </div>
        </div>
        <div class = "m">
            <div class = "s">
                &copy;2011-2012版权所有 深圳市汇聚众合科技发展有限公司 （品牌：尚合-SAMHAVE） 服务热线：400-633-7922<br>经营许可证编号：粤ICP备11077821号-1
            </div>
        </div>
    </body>
</html>